<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
<meta name="keywords" content="" />
<meta name="description" content="" />

<title>Index</title>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/fix.css">


<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>



</head>

<body>

<!-- Begin Head -->
<header>
	<article class="row">
		<section class="col-md-8 left">
			<a href="#">
				<img src="img/logo.png" />	
				<h2>Vietnamese Industrial Hygiene Association</h2>
			</a>
		</section>
		<section class="col-md-4 right">
			<p class="pull-right">Promoting Worker Health Protection</p>
		</section>
	</article>		
</header>
<!-- End Head -->

<!-- Begin Nav -->
<nav>
	<ul class="clearfix">
		<li><a href="index.html">Trang chủ</a></li>
		<li class="active"><a href="about.html">Giới Thiệu</a></li>
		<li><a href="news.html">Tin Tức</a></li>
		<li><a href="warranty.html">Bảo Hành</a></li>
		<li><a href="contact.html">Liên Hệ</a></li>
	</ul>
</nav>
<!-- End Nav -->
  	
<!-- Slider -->
<section class="slider"> 
	<div class="row">		
		<!-- Right -->
		<div class="col-md-12 right"> 
			<!-- siler -->
			<div id="slider" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#slider" data-slide-to="0" class="active"></li>
					<li data-target="#slider" data-slide-to="1"></li>
				</ol>
				
				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="img/slider/slider-1.jpg" alt="">
						<div class="carousel-caption"></div>
					</div>
					<div class="item">
						<img src="img/slider/slider-2.jpg" alt="">
					</div>					
				</div>
				
				<!-- Controls -->
				<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>
				<a class="right carousel-control" href="#slider" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span> <!-- glyphicon glyphicon-chevron-right -->
				</a>
			</div>
			<!-- End siler -->
		</div>
		<!--End Rights -->
	</div>
</section>
<!-- End slider-->


<!-- Begin main -->
<main class="main pt20"> 
	<div class="row">
		<!-- Begin left -->
		<div class="col-md-3 left"> 
			<div class="panel panel-fix"> <!-- panel-fix -->
				<div class="panel-heading"> <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span> Danh mục sản phẩm</h3> </div>
				<div class="panel-body">
					<script type="text/javascript" src="js/menu.js"></script>
					<ul class="menu">
						<li>
							<a href="product.html">
								International Education
								<span class="fa fa-angle-right fa-2 pull-right"></span> 
							</a>							
							
							<ul>
								<li><a href="product.html">International Education</a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>	
						</li>
						
						<li><a href="product.html">OHS Training</a></li>
						<li><a href="product.html">Proctored Exams</a></li>
						<li><a href="product.html">CSE</a></li>
						<li>
							<a href="product.html">
								International Education
								<span class="fa fa-angle-right fa-2 pull-right"></span> 
							</a>							
							
							<ul>
								<li><a href="product.html">International Education</a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>	
						</li>
						
						<li><a href="product.html">OHS Training</a></li>
						<li><a href="product.html">Proctored Exams</a></li>
						<li><a href="product.html">CSE</a></li>
					</ul>
				</div>
			</div>		
		</div>
		<!-- End left -->
		
		<!-- Begin right -->	
		<div class="col-md-9 right"> 
			<div class="panel panel-fix">
				<div class="panel-heading"> <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span> Sản phẩm nổi bật</h3> </div>				
				<div class="panel-body">
			
				</div>
			</div>	
			
		</div>	
		<!-- End right -->
	</div>
</main>
<div class="clearfix"></div>
<!-- End Main--> 

<!-- Footer -->
<footer>
	<center>
		<p> Copyright &copy; 2013 VIHA.ORG.VN </p>
	</center>
</footer>
<!-- End Footer -->

</body>
</html>
